<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
	<link href="../css/base.css" type="text/css" rel="stylesheet"/>
	<link href="../css/common.css" type="text/css" rel="stylesheet"/>
	<script type="text/javascript" src="../js/jquery.js"></script>
	<script type="text/javascript" src="../js/citys.js"></script>
	<title>账户明细</title>
</head>
<body style="background-color:#f2f3f5;">
	<div class="main">
		<div class="pL5 pR5 bge39 pT10 pB10 clearfix texC">
			<a href="javascript:history.go(-1);"><img src="../img/back.png" width="15" height="25" class="fl"/></a>
			<font class="font18 cfff">账户明细</font>
			<a href=""><img src="../img/home.png" width="26" height="26"class="fr"/></a>
	   </div>
	   <div class="clearfix font15 texC bgfff accing">
		   	<span class="block wd32 fl texC pT10 pB10 mL3">11月</span>
		   	<img src="../img/gg.png" class="fl mT5" height="30">
		   	<span class="block wd32 fl texC pT10 pB10">10月</span>
		   	<img src="../img/gg.png" class="fl mT5" height="30">
		   	<span class="block wd32 fl texC pT10 pB10 draw">9月</span>
	   </div>
	   <div>
	   		<div class="acc">
	   			<div class="mT20 bgfff clearfix font15">
			   		<span class="block wd18 fl texC pT10 pB10 mL3">订单号</span>
			   		<img src="../img/gg.png" class="fl mT5" height="30">
			   		<span class="block wd18 fl texC pT10 pB10 mL3">收入</span>
			   		<img src="../img/gg.png" class="fl mT5" height="30">
			   		<span class="block wd18 fl texC pT10 pB10 mL3">支出</span>
			   		<img src="../img/gg.png" class="fl mT5" height="30">
			   		<span class="block wd18 fl texC pT10 pB10 mL3">余额</span>
			   		<img src="../img/gg.png" class="fl mT5" height="30">
			   		<span class="block wd18 fl texC pT10 pB10 mL3">交易时间</span>
	   			</div>
			   	<div class="clearfix font12 bgfff">
				   	<span class="block wd18 fl texC pT10 pB10 mL3">SN001</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">10</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">8</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">2</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">2016-12-11</span>
			   	</div>
				<div class="clearfix font12 bgcfcf">
					   	<span class="block wd18 fl texC pT10 pB10 mL3">SN001</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">10</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">8</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">2</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">2016-12-11</span>
				</div>
				<div class="clearfix font12 bgfff">
					   	<span class="block wd18 fl texC pT10 pB10 mL3">SN001</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">10</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">8</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">2</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">2016-12-11</span>
				</div>
			    <div class="clearfix font12 bgcfcf">
				   	<span class="block wd18 fl texC pT10 pB10 mL3">SN001</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">10</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">8</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">2</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">2016-12-11</span>
			    </div>
	   		</div>
	   		<div class="acc" style="display:none;">
	   			<div class="mT20 bgfff clearfix font15">
			   		<span class="block wd18 fl texC pT10 pB10 mL3">订单号</span>
			   		<img src="../img/gg.png" class="fl mT5" height="30">
			   		<span class="block wd18 fl texC pT10 pB10 mL3">收入</span>
			   		<img src="../img/gg.png" class="fl mT5" height="30">
			   		<span class="block wd18 fl texC pT10 pB10 mL3">支出</span>
			   		<img src="../img/gg.png" class="fl mT5" height="30">
			   		<span class="block wd18 fl texC pT10 pB10 mL3">余额</span>
			   		<img src="../img/gg.png" class="fl mT5" height="30">
			   		<span class="block wd18 fl texC pT10 pB10 mL3">交易时间</span>
	   			</div>
			   	<div class="clearfix font12 bgfff">
				   	<span class="block wd18 fl texC pT10 pB10 mL3">PN001</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">10</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">8</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">2</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">2016-12-11</span>
			   	</div>
				<div class="clearfix font12 bgcfcf">
					   	<span class="block wd18 fl texC pT10 pB10 mL3">PN001</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">10</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">8</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">2</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">2016-12-11</span>
				</div>
				<div class="clearfix font12 bgfff">
					   	<span class="block wd18 fl texC pT10 pB10 mL3">PN001</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">10</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">8</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">2</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">2016-12-11</span>
				</div>
			    <div class="clearfix font12 bgcfcf">
				   	<span class="block wd18 fl texC pT10 pB10 mL3">PN001</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">10</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">8</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">2</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">2016-12-11</span>
			    </div>
	   		</div>
	   		<div class="acc" style="display:none;">
	   			<div class="mT20 bgfff clearfix font15">
			   		<span class="block wd18 fl texC pT10 pB10 mL3">订单号</span>
			   		<img src="../img/gg.png" class="fl mT5" height="30">
			   		<span class="block wd18 fl texC pT10 pB10 mL3">收入</span>
			   		<img src="../img/gg.png" class="fl mT5" height="30">
			   		<span class="block wd18 fl texC pT10 pB10 mL3">支出</span>
			   		<img src="../img/gg.png" class="fl mT5" height="30">
			   		<span class="block wd18 fl texC pT10 pB10 mL3">余额</span>
			   		<img src="../img/gg.png" class="fl mT5" height="30">
			   		<span class="block wd18 fl texC pT10 pB10 mL3">交易时间</span>
	   			</div>
			   	<div class="clearfix font12 bgfff">
				   	<span class="block wd18 fl texC pT10 pB10 mL3">ON001</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">10</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">8</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">2</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">2016-12-11</span>
			   	</div>
				<div class="clearfix font12 bgcfcf">
					   	<span class="block wd18 fl texC pT10 pB10 mL3">ON001</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">10</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">8</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">2</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">2016-12-11</span>
				</div>
				<div class="clearfix font12 bgfff">
					   	<span class="block wd18 fl texC pT10 pB10 mL3">ON001</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">10</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">8</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">2</span>
					   	<span class="block wd18 fl texC pT10 pB10 mL3">2016-12-11</span>
				</div>
			    <div class="clearfix font12 bgcfcf">
				   	<span class="block wd18 fl texC pT10 pB10 mL3">ON001</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">10</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">8</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">2</span>
				   	<span class="block wd18 fl texC pT10 pB10 mL3">2016-12-11</span>
			    </div>
	   		</div>
	   </div>
	   
	</div>
	<script>
	$(function(){
   $(".accing span").click(function(){
      var index = $(this).index() / 2;
      $(this).addClass("draw").siblings().removeClass("draw");
      $(".acc").eq(index).show().siblings().hide();
    });
  });</script>
</body>
</html>